@media screen and (max-width: 1200px){	
	img{ max-width:100%;}
	.wd{ width:100%;}
	body{ min-width:100%;}
	.headRig{ padding-right:50px;}
	.mobileIconCon{ display:block;}
	.nav{ display:none;}
	.header{ padding:0 20px;}
	.left{ width:auto; float:none; margin:20px 20px 0; background-color:#f7fbff;}
	.right{ margin:0 20px;}
	.sideMenuNav li{ background-position:98% -30px;}
	.sideMenuNav li.on,.sideMenuNav li:hover{ background-position:98% 20px;}
	.sideTit,.sideMenuNav{ display:none;}
	.mobileTit{ display:block;}
	.footer{ padding:20px;}
	.main{ background:none;}
	.sideMenuNav{ border-left:1px solid #e8f3ff; border-right:1px solid #e8f3ff;}
	.talentslist{ text-align:center; margin:20px 0 0;}
	.talentslist li{ float:none; display:inline-block; *display:inline; zoom:1; vertical-align:top; margin:20px 10px 0;}
	
	.banner .item{ height:400px;}
	.banner{ padding-top:3px; background:url(../images/bannerbg.jpg) repeat-x 0 0;}
	.notice{ width:90%; left:0; margin-left:0;}
	.notice .infoList li{ padding:0 20px 0 50px; background-position:20px center;}
	.indexMain .fl,.indexMain .fr{ float:none;}
	.indexMain .fl{ border-bottom:1px solid #ddd; padding-bottom:30px;}
	.indexBox{ padding:0 45px; width:auto;}
	.indexProduct,.indexVideo{ padding:0 45px;}
	.indexProductList li{ margin:10px 0 34px; width:auto;}
	.indexProductList{ padding:20px 10px;}
	.video{ display:none;}
	.indexVideo .talentslist{ margin:0;}
	.Info{ padding:10px 45px 50px;}
	.Info li{ width:48%; margin:45px 0 0;}
	.Info li.infoFr,.Info li.last{ float:right;}
	.indexVideoBox{ padding:30px 10px 42px;}
	.indexVideo .talentslist li{ margin:0; width:auto;}
	.banner .owl-theme .owl-dots{ width:96%;}
	.indexVideo .talentslist{ float:none;}
	.qq,.ad0{ display:none;}
	.indexNews{ background:none;}
	.indexService{ background:#eee;}
			
}

@media screen and (max-width: 900px){
	.talentslist li{ width:33.333333%; margin:0; border:0;display:block; float:left;}
	.talentslist li a{ border:1px solid #d7d7d7; margin:10px; font-size:1.4em;}
	.talentsImg{ width:100%; height:auto;}
	.talentslist li a p{ height:70px; line-height:70px;}
	.talentslist li a span{ bottom:53px;}
	.indexVideo .talentslist li{ float:none; display:inline-block;}
		
}

@media screen and (max-width: 800px){
	.bigImg{ height:150px;}
	.path h3{ display:none;}
	.pathDiv{ float:left;}
	.banner .item{ height:350px;}

}

@media screen and (max-width: 768px){	
	.headRig{ display:none;}
	.copy{ float:none; text-align:center;}
	.link{ float:none; margin:10px auto 0;}
	.msgArea{ width:68%; height:180px;}
	.jobText{ width:42%;}
	.mainSearch{ padding:22px 0 67px;}
	.mainSearch b,.zhiwei{ float:none; margin-bottom:10px;}
	.zhiwei,.indexBox .zhiwei{ width:100%; margin-right:0;}
	.zhiwei .customSelect,.indexBox .zhiwei .customSelect{ width:100%; padding:0; text-indent:15px; }
	.zhiwei .customSelect,.indexBox .zhiwei .customSelect{ background-position:98% center;}
	.searchBox div,.indexBox .searchBox div{ width:100%; border:0; padding:0;}
	.searchBox{ border:1px solid #ddd; height:33px; background-position:0 0; float:none; }
	.searchBox input[type='text']{ text-indent:7px; background-position:99% center;}
	.indexBox .searchBox input[type='submit']{ margin:0;}
	.right .searchBox input[type='submit']{ position:absolute; left:0; bottom:-45px; z-index:5; float:none; margin-left:0; width:100%;}

}

@media screen and (max-width: 640px){
	.newsImg{ float:none;}
	.newsText,.indexBox .newsText{ margin:10px 0 0 0;}
	.jobList li a span.hide{ display:none;}
	.jobList li a b{ width:60%;}
	.jobTit a{ width:100px; top:0; right:0;}
	.jobDiv b{ width:130px;}
	.msg .jobDiv b{ width:100px;}
	.historyBox{ padding:47px 0 80px; background-position:0 39px;}
	.date{ font-size:2em; padding:2px 0 0 20px;}
	.historyText{ margin-left:108px;}
	.hisbg{ left:0; height:300px;}
	.banner .owl-theme .owl-controls{ background:none;}
	.notice{ bottom:-45px; background:#337cbd; width:100%;}
	.indexMain{ padding-top:45px;}
	.indexBox,.indexProduct, .indexVideo{ padding:0 20px;}
	.Info{ padding:10px 20px 50px;}
	.Info li{ width:100%; float:none;}
	.Info li.infoFr, .Info li.last{ float:none;}
	.employeeDiv a{ padding:20px 0 20px 20px;}
	.employeeText p{ font-size:1em;}
	.employeeDiv a img{ width:40px; height:40px; margin-top:5px;}
	.employeeText{ margin:9px 0 0 46px;}
	.slideTxtBox .hd ul li{ font-size:2em;}
	.banner .item{ height:280px;}
	.indexTit .tit b{ font-size:2em;}
	.talentslist li{ width:49%;}

}

@media screen and (max-width: 540px){
	.logo{ width:300px; height:44px;}
	.headTop,.mobileIconCon a{ height:90px;}
	.jobText{ width:175px;}
	.talentslist li{ width:49%;}
}

@media screen and (max-width: 414px){
	.copy{ line-height:24px; font-size:1.1em;}
	.copy a{ display:block; padding-left:0;}
	.header{ padding:0 10px;}
	.mobileIconCon{ right:10px;}
	.left{ margin:10px 10px 0;}
	.right{ margin:0 10px;}
	.footer{ padding:20px 10px;}
	.mobileIconCon a{ width:28px; background-size:100%;}
	.logo{ width:250px; height:auto; margin-top:28px;}
	.jobDiv b,.msg .jobDiv b{ width:60px; padding-right:0; font-size:1.2em;}
	.jobFile,.msgCheck{ font-size:1.2em;}
	.jobFile{ margin-top:5px;}
	.talentslist li a{ margin:5px;}
	.content .span{ display:none;}
	.indexTit .tit span{ font-size:0;}
	.employeeText h3{ font-size:1.4em;}
	.employeeDiv a{ padding:20px 0 20px 10px;}
	.policies a div h3{ font-size:2em;}
	.policies a div p{ font-size:1em;}
	.policies a div{ height:44px; width:146px; margin:-22px 0 0 -73px;}
	.slideTxtBox .hd ul li{ padding:0 10px; font-size:1.8em;}
	.slideTxtBox .hd ul{ left:10px;}	
	.indexVideoBox .talentslist li a{ margin:5px 40px 0;}
	.banner .item{ height:250px;}
	.indexBox, .indexProduct, .indexVideo{ padding:0 15px;}
	.Info{ padding:10px 15px 50px;}
	.bigImg{ height:120px;}	
}